<!DOCTYPE html>
<html lang="zh-cmn-Hans"
      xmlns:th="http://www.thymeleaf.org"
      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity5">
<head th:fragment="head(title,links,scripts)">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- 为POST请求添加 -->
    <meta name="_csrf" th:content="${_csrf.token}"/>
    <meta name="_csrf_header" th:content="${_csrf.headerName}"/>

    <title th:replace="${title}">SB Admin 2</title>

    <!-- commonCSS -->
    <!-- Custom fonts for this template-->
    <link href="/vendor/fontawesome-free/css/all.min.css"
          th:src="@{/vendor/fontawesome-free/css/all.min.css}" rel="stylesheet" type="text/css">
    <link href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i"
          rel="stylesheet">
    <!-- Custom styles for this template-->
    <link href="/css/sb-admin-2.min.css" th:src="@{/css/sb-admin-2.min.css}" rel="stylesheet">

    <!-- Page level plugins -->
    <!--<link href="/vendor/datatables/dataTables.bootstrap4.css" th:src="@{/vendor/datatables/dataTables.bootstrap4.css}"
          rel="stylesheet">-->
    <link href="/vendor/bootstrap-table/bootstrap-table.min.css" rel="stylesheet"
          th:href="@{/vendor/bootstrap-table/bootstrap-table.min.css}"
          type="text/css">

    <!-- customPage -->
    <th:block th:replace="${links}"/>
    <th:block th:replace="${scripts}"/>
</head>
<body>

<th:block th:fragment="commonJS">
    <!-- message -->
    <div class="toast" style="position: absolute; top: 20%; right: 20%;" id="_error">
        <div class="toast-header">
            <i class="fas fa-fw fa-square text-danger"></i>
            <!--<img src="..." class="rounded mr-2" alt="...">-->
            <strong class="mr-auto">错误信息</strong>
            <!--<small>11 mins ago</small>-->
            <button type="button" class="ml-2 mb-1 close" data-dismiss="toast" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
        </div>
        <div class="toast-body">
            <p class="text-justify" id="_errorMes"></p>
        </div>
    </div>

    <div class="toast" style="position: absolute; top: 20%; right: 20%;" id="_success">
        <div class="toast-header">
            <i class="fas fa-fw fa-square text-success"></i>
            <!--<img src="..." class="rounded mr-2" alt="...">-->
            <strong class="mr-auto">成功信息</strong>
            <!--<small>11 mins ago</small>-->
            <button type="button" class="ml-2 mb-1 close" data-dismiss="toast" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
        </div>
        <div class="toast-body">
            <p class="text-justify" id="_successMes"></p>
        </div>
    </div>


    <!-- commonJS -->
    <!-- Bootstrap core JavaScript-->
    <script src="/vendor/jquery/jquery.min.js" th:src="@{/vendor/jquery/jquery.min.js}"></script>
    <script src="/vendor/bootstrap/js/bootstrap.bundle.min.js"
            th:src="@{/vendor/bootstrap/js/bootstrap.bundle.min.js}"></script>
    <!-- Core plugin JavaScript-->
    <script src="/vendor/jquery-easing/jquery.easing.min.js"
            th:src="@{/vendor/jquery-easing/jquery.easing.min.js}"></script>
    <!-- Custom scripts for all pages-->
    <script src="/js/sb-admin-2.min.js" th:src="@{/js/sb-admin-2.min.js}"></script>

    <!-- Page level plugins -->
    <script src="/vendor/chart.js/Chart.min.js" th:src="@{/vendor/chart.js/Chart.min.js}"></script>
    <!--<script src="/vendor/datatables/jquery.dataTables.min.js"
            th:src="@{/vendor/datatables/jquery.dataTables.min.js}"></script>
    <script src="/vendor/datatables/dataTables.bootstrap4.min.js"
            th:src="@{/vendor/datatables/dataTables.bootstrap4.min.js}"></script>-->
    <script src="/vendor/bootstrap-table/bootstrap-table.min.js"
            th:src="@{/vendor/bootstrap-table/bootstrap-table.min.js}"></script>
    <script src="/vendor/bootstrap-table/locale/bootstrap-table-zh-CN.js"
            th:src="@{/vendor/bootstrap-table/locale/bootstrap-table-zh-CN.js}"></script>

    <script src="/js/utils.js" th:src="@{/js/utils.js}"></script>
</th:block>
</body>
</html>